<template>
	<div class="top">
		<p @click="clickmy">{{ author }}</p>
	</div>
</template>

<script>
import {mapState} from 'vuex'

export default {
  data() {
  	return {
  	}
  },
  computed: {  // 计算属性
  	...mapState({
  		author: state => state.author
  	})
  	// author() {
  	// 	return this.$store.state.author
  	// }
  },
  methods: {
  	clickmy() {
  		this.$store.state.author = '000'
  	}
  }
}


// 通过在根实例中注册 store 选项，该store 实例会注册入到跟组件下的所有
// 子组件，且子组件能通过 this.$store 访问到。



</script>

<style scoped>
.top{
	border: solid blue 20px;
	line-height: 100px;
	height: 100px;
	text-align: center;
}
</style>